<!DOCTYPE html>
<html lang="en">
<head>
    <!-- META SECTION -->
    <title>安全中心 -- 互联网金融司法诉讼平台</title>
    <link rel="shortcut icon" href="../assets/images/gt_header.png">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <link rel="icon" href="favicon.ico" type="image/x-icon"/>
    <!-- END META SECTION -->

    <!-- CSS INCLUDE -->
    <link rel="stylesheet" type="text/css" id="theme" href="css/theme-default.css"/>
    <!-- EOF CSS INCLUDE -->

    <script type="text/javascript">
        window.onload=function(){
            $.get('/getAdminName',
                    function (resultMsg) {
                        document.getElementById("topAdminName").innerHTML = resultMsg;
                        document.getElementById("leftAdminName").innerHTML = resultMsg;
                    }
            )
        }

        function adminoldpwd() {
            var oldpwd = document.getElementById("oldpwd").value;
            $.post('/adminoldpwd', {oldpwd: oldpwd}, function (data) {
                if (data == "olderror"){
                    document.getElementById("tishi").innerHTML = "与旧密码不一致";
                }
                else {
                    document.getElementById("tishi").innerHTML = "";
                }
            })
        }

        function adminpwd() {
            var newpwd = document.getElementById("newpwd").value;
            if(contrast()){ $.post('/changeadminpwd', { newpwd: newpwd}, function (data) {
                        if (data == "success") {
                            document.getElementById("tishi").innerHTML = " ";
                            alert("修改密码成功！");
                            window.location.href = './backgroundPage.html', true;
                        }
                    }
            )}
        }
        function contrast() {
            var newpwd = document.getElementById("newpwd").value;
            var newpwd1 = document.getElementById("newpwd1").value;
            if(newpwd == newpwd1) {
                document.getElementById("tishi1").innerHTML="";
                //document.getElementById("submitpwd").disabled = false ;
                return true;
            }
            else {
                document.getElementById("tishi1").innerHTML="两次密码输入不一致";
                //document.getElementById("submitpwd").disabled = true;
                return false;
            }
        }

    </script>

</head>
<body>


    <!-- START PAGE CONTAINER -->
    <div class="page-container">

        <!-- START PAGE SIDEBAR -->
        <div class="page-sidebar">
            <!-- START X-NAVIGATION -->
            <ul class="x-navigation">
                <li class="xn-logo">
                    <a href="personalCenter.html" style="background-color: #1d2127;">
                        <img src="../assets/images/logo.png"
                        style="width: 220px;margin-top: -10px;margin-left: -16px;"></a>
                        <a href="#" class="x-navigation-control"></a>
                    </li>
                    <li class="xn-profile">
                        <a href="#" class="profile-mini">
                            <img src="assets/images/users/user.jpg" alt="John Doe"/>
                        </a>
                        <div class="profile">
                            <div class="profile-image">
                                <a href="" target="_blank"> <img src="assets/images/users/user.jpg" alt="John Doe"
                                   style="margin-top: 10px;"/></a>
                               </div>
                               <div class="profile-data">
                                <div class="profile-data-name" id="leftAdminName" style="margin-top: 5px;"></div>
                            </div>

                        </div>
                    </li>
                    <li class="xn-title" style="padding-top: 15px;padding-bottom: 15px;text-align: center;">欢迎来到后台管理系统</li>

                    <li class="xn-openable">
                        <a href="fiUserMng.html"><span class="fa fa-user"></span> <span class="xn-text"
                            style="font-size: 15px;">用户管理</span></a>
                            <ul>
                                <li ><a href="fiUserMng.html"><span class="fa fa-group"></span> 互金平台</a></li>
                                <li><a href="lawyerMng.html"><span class="fa fa-male"></span> 律师用户</a></li>
                            </ul>
                        </li>

                        <li class="active">
                        <a href="adminSecurity.html"><span class="fa fa-cogs"></span> <span class="xn-text" style="font-size: 15px;">安全中心</span></a>
                        </li>

                        <li>
                            <a href="caseSummary.html"><span class="fa fa-list"></span> <span class="xn-text"
                              style="font-size: 15px;">案件摘要</span></a>
                          </li>

                          <li>
                            <a href="adminSuits.html"><span class="fa fa-briefcase"></span> <span class="xn-text"
                                style="font-size: 15px;">诉讼进度</span></a>
                            </li>

                        </ul>
                        <!-- END X-NAVIGATION -->
                        <!-- END X-NAVIGATION -->
                    </div>
                    <!-- END PAGE SIDEBAR -->

                    <!-- PAGE CONTENT -->
                    <div class="page-content">

                        <!-- START X-NAVIGATION VERTICAL -->
                        <ul class="x-navigation x-navigation-horizontal x-navigation-panel">
                            <!-- TOGGLE NAVIGATION -->
                            <li class="xn-icon-button">
                                <a href="#" class="x-navigation-minimize"><span class="fa fa-dedent"></span></a>
                            </li>
                            <!-- END TOGGLE NAVIGATION -->
                            <!-- SIGN OUT -->
                            <li class="xn-icon-button pull-right">
                                <a href="#" class="mb-control" data-box="#mb-signout"><span class="fa fa-sign-out"></span></a>
                            </li>
                            <!-- END SIGN OUT -->
                            <!-- MESSAGES -->
                            <li class="xn-icon-button pull-right">

                                <a href="personalCenter.html" style="padding-left: 0px;width: 150px;padding-right: 0px;"
                                id="topAdminName"></a>

                            </li>
                            <!-- END MESSAGES -->
                            <!-- Hello -->
                            <li class="xn-icon-button pull-right">
                                <a style="width: 60px;">您好，</a>

                            </li>
                            <!-- END Hello -->
                        </ul>
                        <!-- END X-NAVIGATION VERTICAL -->


                        <!-- START BREADCRUMB -->
                        <ul class="breadcrumb">
                            <li><a href="#">安全中心</a></li>
                        </ul>
                        <!-- END BREADCRUMB -->



                        <!-- PAGE CONTENT WRAPPER -->
                        <div class="page-content-wrap">

                            <!-- START WIDGETS -->
                            <div class="row">

                                <div class="col-md-12">

                                    <!-- START VISITORS BLOCK -->
                                    <div class="panel panel-default">

                                        <div class="panel-body widget widget-default widget-item-icon"
                                        style="margin-bottom: 0px; padding-top: 0px;height: 545px;">

                                        <div class="row" style="height: 15px;background: #1caf9a; "></div>
                                        <!-- PAGE TITLE -->
                                        <div class="page-title">
                                            <h2 style="margin-top: 20px;margin-left: 10px;"><span class="fa fa-lock"></span> 修改登录密码</h2>
                                        </div>

                                        <hr style=" width: 1000px;margin-left: 50px; margin-bottom: 35px;">
                                        <div class="row" style="margin-bottom: 40px; margin-top: 70px;">

                                            <div class="form-group">
                                                <div class="col-md-4 col-xs-12"></div>
                                                <label class="col-md-2 col-xs-12 control-label" style="font-size: 18px;top: 3px;">输入旧密码</label>
                                                <div class="col-md-3 col-xs-12">
                                                    <div class="input-group">
                                                        <span class="input-group-addon"><span class="fa fa-unlock-alt"></span></span>
                                                        <input type="password" class="form-control" id="oldpwd" name="oldpwd">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-xs-12"><span id="tishi"
                                                                                      style="font-size: 15px;color: #FF9822;"></span></div>
                                            </div>
                                        </div>
                                        <div class="row" style="margin-bottom: 40px;" >

                                            <div class="form-group">
                                                <div class="col-md-4 col-xs-12"></div>
                                                <label class="col-md-2 col-xs-12 control-label" style="font-size: 18px;top: 3px;">输入新密码</label>
                                                <div class="col-md-3 col-xs-12">
                                                    <div class="input-group">
                                                        <span class="input-group-addon"><span class="fa fa-unlock-alt"></span></span>
                                                        <input type="password" class="form-control"  id="newpwd" name="newpwd" onclick="adminoldpwd()">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-xs-12"></div>
                                            </div>
                                        </div>

                                        <div class="row" style="margin-bottom: 40px;" >

                                            <div class="form-group">
                                                <div class="col-md-4 col-xs-12"></div>
                                                <label class="col-md-2 col-xs-12 control-label" style="font-size: 18px;top: 3px;">再次输入密码</label>
                                                <div class="col-md-3 col-xs-12">
                                                    <div class="input-group">
                                                        <span class="input-group-addon"><span class="fa fa-unlock-alt"></span></span>
                                                        <input type="password" class="form-control" id="newpwd1" name="newpwd1">
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-xs-12"><span id="tishi1"
                                                                                      style="font-size: 15px;color: #FF9822;"></span></div>
                                            </div>
                                        </div>



                                        <div class="row">
                                            <div class="col-md-5"></div>

                                            <div class="col-md-3">
                                                <button class="btn btn-info btn-block" onclick="adminpwd()" id="submitpwd"
                                                style="font-size: 18px;height: 38px;border-radius: 5px;width: 150px;margin-left: 20px; margin-top: 20px;">
                                                <i class="fa fa-check"></i>确认修改
                                            </button>

                                        </div>
                                        <div class="col-md-4"></div>
                                    </div>

                                </div>


                            </div>
                        </div>




                        <!-- END VISITORS BLOCK -->

                    </div>

                    <!-- END WIDGETS -->


                </div>
                <!-- END PAGE CONTENT WRAPPER -->
            </div>
            <!-- END PAGE CONTENT -->
        </div>
        <!-- END PAGE CONTAINER -->


        <!-- MESSAGE BOX-->
        <div class="message-box animated fadeIn" data-sound="alert" id="mb-signout">
            <div class="mb-container">
                <div class="mb-middle">
                    <div class="mb-title"><span class="fa fa-sign-out"></span> 注 <strong>销</strong> ?</div>
                    <div class="mb-content">
                        <p>选择是注销当前用户，选择否将继续停留在该页面。</p>

                    </div>
                    <div class="mb-footer">
                        <div class="pull-right">
                            <a href="backgroundPage.html" class="btn btn-success btn-lg">是</a>
                            <button class="btn btn-default btn-lg mb-control-close">否</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END MESSAGE BOX-->

        <!-- START PRELOADS -->
        <audio id="audio-alert" src="audio/alert.mp3" preload="auto"></audio>
        <audio id="audio-fail" src="audio/fail.mp3" preload="auto"></audio>
        <!-- END PRELOADS -->

        <!-- START SCRIPTS -->
        <!-- START PLUGINS -->
        <script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
        <script type="text/javascript" src="js/plugins/jquery/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/plugins/bootstrap/bootstrap.min.js"></script>
        <script src="layer/layer.js"></script>
        <!-- END PLUGINS -->

        <!-- START THIS PAGE PLUGINS-->
        <script type='text/javascript' src='js/plugins/icheck/icheck.min.js'></script>
        <script type="text/javascript" src="js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
        <script type="text/javascript" src="js/plugins/bootstrap/bootstrap-datepicker.js"></script>
        <script type="text/javascript" src="js/plugins/bootstrap/bootstrap-timepicker.min.js"></script>
        <script type="text/javascript" src="js/plugins/bootstrap/bootstrap-colorpicker.js"></script>
        <script type="text/javascript" src="js/plugins/bootstrap/bootstrap-file-input.js"></script>
        <script type="text/javascript" src="js/plugins/bootstrap/bootstrap-select.js"></script>
        <script type="text/javascript" src="js/plugins/tagsinput/jquery.tagsinput.min.js"></script>

        <script type="text/javascript" src="js/plugins/datatables/jquery.dataTables.min.js"></script>

        <script type="text/javascript" src="js/plugins/tableexport/tableExport.js"></script>
        <script type="text/javascript" src="js/plugins/tableexport/jquery.base64.js"></script>
        <script type="text/javascript" src="js/plugins/tableexport/html2canvas.js"></script>
        <script type="text/javascript" src="js/plugins/tableexport/jspdf/libs/sprintf.js"></script>
        <script type="text/javascript" src="js/plugins/tableexport/jspdf/jspdf.js"></script>
        <script type="text/javascript" src="js/plugins/tableexport/jspdf/libs/base64.js"></script>
        <!-- END THIS PAGE PLUGINS-->

        <!-- START TEMPLATE -->
        <script type="text/javascript" src="js/settings.js"></script>

        <script type="text/javascript" src="js/plugins.js"></script>
        <script type="text/javascript" src="js/actions.js"></script>
        <!-- END TEMPLATE -->
        <!-- END SCRIPTS -->

    </body>
    </html>






